.listPage-wrap {
    background-color: #F5F7FA;
    min-height: 400px;
    padding-bottom: 100px;
}
.listBox-wrap{
    display: grid;
    grid-template-columns: repeat(3,376px);
    gap: 65px 86px;
    justify-content: center;
}
.listBox-wrap .listBox-item{
    height: 540px;
    background: #FFFFFF;
    border-radius: 8px;
    overflow: hidden;
}
.listBox-wrap .listBox-item.h450{
    height:450px
}
.listBox-wrap .listBox-item .bg{
    height: 260px;
    background-color: #D8D8D8;
    overflow: hidden;
}
.listBox-wrap .listBox-item .bg img{
    width: 100%;
}
.listBox-wrap .listBox-item .content {
    padding: 40px 30px 34px;
    flex: 1;
}

.listBox-wrap .listBox-item .content .title {
    font-size: 24px;
    line-height: 33px;
    height: 33px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.listBox-wrap .listBox-item .content .de {
    font-size: 16px;
    color: var(--text-color-grey);
    margin-bottom: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 63px;
}

.listBox-wrap .listBox-item .nubel-wrap {
    display: flex;
}
.listBox-wrap .listBox-item .nubel-wrap .item + .item{
    margin-left: 48px;
}
.listBox-wrap .listBox-item .nubel-wrap .item .s1 {
    font-size: 28px;
    letter-spacing: 1px;
}

.listBox-wrap .listBox-item .nubel-wrap .item .s2 {
    font-size: var(--font-size);
    color: var(--text-color-grey);
}